<template>
  <div class="home">
    <panelProup />
    <!-- 图表 -->
    <div class="mychart">
      <lineChart />
      <Map />
      <Pillar />
      <CakeMap />
    </div>
  </div>
</template>

<script>
import { lineChart, Map, Pillar, CakeMap } from "./echarts";
export default {
  name: "home",
  components: {
    panelProup: () => import("./panelProup.vue"),
    lineChart,
    Map,
    Pillar,
    CakeMap,
  },
};
</script>

<style lang="scss" scoped>
.home {
  .mychart {
    margin-top: 20px;
  }
}
</style>